<template>
  <DtDrawer @register="register">
    <div class="p-5">
      <AButton type="primary" @click="closeDrawer">从内部关闭弹框</AButton>
    </div>

    <template #appendFooter>
      <AButton type="primary">新加按钮1</AButton>
      <AButton type="primary">新加按钮2</AButton>
    </template>
  </DtDrawer>
</template>

<script lang="ts" setup>
import { useDrawer } from '@zm-pkg/ui'


const [register, { closeDrawer }] = useDrawer({
  title: '我是抽屉2',
  useContainer: true,
  getContainer: () => document.querySelector('.drawer-content')
})
</script>